    var rol="";

//Consulta de Usuarios.
function consultarUsuarios() {
    var url = variablesGlobales.server+variablesGlobales.URL.urlconsultarUsuario;
    var param = {};
    var usuario = {};
    sendServiceJSON(url, param, consultaUsuariosSuccess, null, null);
}


function consultaUsuariosSuccess(originalRequest){
    var result =  originalRequest;
    crearListaUsuario(result);
}
    
function crearListaUsuario(data){

    var contenido =$('#contenidoIntranet_usuario');
    contenido.empty();
    var keyList = [];

    $('<div class="filtro"><h1>No se encontraron registros!</h1><input class="buscador"> <label>Buscar:</label> <button class="btnagregarUsuario">AGREGAR USUARIO</button> </div>').appendTo(contenido);
    
    $('.btnagregarUsuario').click(function(){
   
            $(formularioUsuario).appendTo('body');
            crearUsuarioCargar();
    }); 



    contenido.find('h1').addClass("oculto");
    $('#contenidoIntranet_usuario .buscador').keyup(function(){
        var flag=false;
         if($(this).val()===""){
            flag=true;
            contenido.find('tr').removeClass("oculto");
             contenido.find('h1').addClass("oculto");
         }else{
            $.each(contenido.find('tr'), function(postition,item){
               if($(item).html().toLowerCase().indexOf($('#contenidoIntranet_usuario .buscador').val().toLowerCase())==-1){
                    $(item).addClass("oculto");
               }else{
                 $(item).removeClass("oculto");
                 flag=true;
               }               
            });

            if(flag){
                contenido.find('h1').addClass("oculto");
            }else{
                contenido.find('h1').removeClass("oculto");
            }
        };
    });
  
    var marco= $(document.createElement('div')).appendTo(contenido);
    marco.addClass("marcoTabla");
    var table = $(document.createElement('table')).appendTo(marco);
    table.attr("style", "width:90%");

    // CREA CABECERA TABLA

    var thead = $(document.createElement('thead')).appendTo(table);
    var trHead = $(document.createElement('tr')).appendTo(thead);
    if (data.codigo != -1) {
        var column_class = [];
        if (data.listatable.length > 0){
            $.each(data.listatable[0], function (key, value) {
                if (value != null) {
                    if (value.visible_tabla) {
                        var th = $(document.createElement('th')).appendTo(trHead);
                        th.html(value.label);
                    }
                    keyList.push(key);
                    column_class.push({ "sClass": "center" });
                }
            });
            var th = $(document.createElement('th')).appendTo(trHead);
            th.html("");
        }
        

        // CREA BODY
        var tbody = $(document.createElement('tbody')).appendTo(table);
        var botonA, botonM, botonE;

        $.each(data.listatable, function (posLista, item) {
            var tr = $(document.createElement('tr')).appendTo(tbody);
            $.each(keyList, function (posKey, itemKey) {
                if (item[itemKey].visible_tabla) {
                    var td = $(document.createElement('td')).appendTo(tr);
                    td.html(item[itemKey].value.reducirCadena(40));
                    td.attr("title",item[itemKey].value);
                }
            }); 
              var td = $(document.createElement('td')).appendTo(tr);
              var botonM = $(document.createElement('button')).appendTo(td);
              botonM.html('<img width="18px" height="18px"  src="modules/principal/resources/images/modificar.png">');
              botonM.data("itemModificar",data.lista[posLista]);
              botonM.click(function(){
              $(formularioUsuario).appendTo('body');
              data=$(this).data("itemModificar");
              modificarUsuarioCargar(data);
              });
              var botonE = $(document.createElement('button')).appendTo(td);
              botonE.html('<img width="18px" height="18px" src="modules/principal/resources/images/papelera.png">');
              botonE.data("itemEliminar",data.lista[posLista]);
              botonE.click(function(){
              $(formularioUsuario).appendTo('body');
              data=$(this).data("itemEliminar");
              cargarEliminarUsuario(data);
              });
         });

    }
}
function consultarRoles() {
    var url = variablesGlobales.server + variablesGlobales.URL.urlconsultarRoles;
    var param = {};
    var rol = {};
    param.rol = rol;
    sendServiceJSONSync(url, param, consultarRolesSuccess, null, null);
}

function consultarRolesSuccess(originalRequest) {
//   this is the json return data
    var result = originalRequest;

    if (result.codigo == 0) {
        var select = $("#rol");
        $(select).empty();
        $.each(result.roles, function (key, value) {
            var valor = value.idRoles;
            var codigo = value.nombreRol;
                $("<option orden='" + key + "' value='" + valor + "'>" + codigo + "</option>").appendTo(select);
        });
    }
}
function crearUsuario() {
    var url = variablesGlobales.server+variablesGlobales.URL.urlCrearUsuario;
    var param = {};
    var usuario = {};
    var roles = {};
    usuario.docidentificacion = $("#docIdentificacion").get(0).value;
    usuario.primernombre = $("#nombreUsuario").get(0).value;
    usuario.primerapellido = $("#apellidoUsuario").get(0).value;
    usuario.fechanacimiento = $("#datepicker").get(0).value;
    usuario.email = $("#email").get(0).value;
    usuario.celular = $("#cel").get(0).value;
    usuario.departamento = $("#depart").get(0).value;
    usuario.cargo = $("#cargo").get(0).value;
    roles.idRoles = $("#rol").get(0).value;
    usuario.rol = roles;
    usuario.afiliado = $("#iusuario").get(0).value;
    usuario.clave = $("#pass").get(0).value;
    usuario.empresa =  $("#empresa").get(0).value;
    param.usuario = usuario;
    sendServiceJSON(url, param, creacionUsuarioSuccess, null, null);
}

function creacionUsuarioSuccess(originalRequest) {
    //  this is the json return data
    var result = originalRequest;

    if(result.codigo==0){
       // $("#usuario").click();
        alert("Usuario Guardado");
        $("#opcMenu_usuario").click();
        $('#crearModificarUsuario').remove();
    }else{
        alert("Error al guardando usuario");
    }
}

function crearUsuarioCargar(){
    $("#datepicker").mask('00/00/0000');
    $("#docIdentificacion").mask('0.000.000.000');
    $("#cel").mask('000-000-00-00');
    
    consultarRoles();
    $('#cancelar_usuario').click(function(){
        $('#crearModificarUsuario').remove();
    });
    $('.boton_dialog_cerrar').click(function(){
        $('#crearModificarUsuario').remove();
    });

    $('#aceptar_usuario').click(function(){
        $(".inputForm").removeClass("ui-state-error");
        if (validarFormulariosGestionNegocio($("#crearModificarUsuario").find(".inputForm"))) {
            crearUsuario();
            $("#crearModificarUsuario").addClass("oculto");
        }
    });
}

function modificarUsuario(){
    var url = variablesGlobales.server+variablesGlobales.URL.urlCrearUsuario;
    var param = {};
    var usuario = {};
    var roles = {}
    usuario.docidentificacion = $("#docIdentificacion").get(0).value;
    usuario.primernombre = $("#nombreUsuario").get(0).value;
    usuario.primerapellido = $("#apellidoUsuario").get(0).value;
    usuario.fechanacimiento = $("#datepicker").get(0).value;
    usuario.email = $("#email").get(0).value;
    usuario.celular = $("#cel").get(0).value;
    usuario.departamento = $("#depart").get(0).value;
    usuario.cargo = $("#cargo").get(0).value;
    roles.idRoles = $("#rol").get(0).value;
    usuario.rol = roles;
    usuario.afiliado = $("#iusuario").get(0).value;
    usuario.clave = $("#pass").get(0).value;
    usuario.empresa =  $("#empresa").get(0).value;
    param.usuario = usuario;
    sendServiceJSON(url, param, modificarUsuarioSuccess, null, null);
}

function modificarUsuarioSuccess(originalRequest) {
    //  this is the json return data
    var result = originalRequest;

    if(result.codigo==0){
        $("#opcMenu_usuario").click();
        notify("Usuario Modificado",1000);
    }else{
        notify("Error al Modificando usuario",1000,"error");
    }
}


function modificarUsuarioCargar(item){
    consultarRoles();
    $('#cancelar_usuario').click(function(){
        $('#crearModificarUsuario').remove();
    });
    $('.boton_dialog_cerrar').click(function(){
        $('#crearModificarUsuario').remove();
    });
    $("#datepicker").mask('00/00/0000');
    $("#docIdentificacion").mask('0.000.000.000');
    $("#cel").mask('000-000-00-00');
    $('#docIdentificacion').val(item.docidentificacion);
    $('#nombreUsuario').val(item.primernombre);
    $('#apellidoUsuario').val(item.primerapellido);
    $('#datepicker').val(item.fechanacimiento);
    $('#email').val(item.email);
    $('#cel').val(item.celular);
    $('#depart').val(item.departamento);
    $('#cargo').val(item.cargo);
    $('#rol').val(item.rol.idRoles);
    $('#iusuario').val(item.afiliado);
    $('#pass').val(item.clave);
    $('#empresa').val(item.empresa);

    $('.boton_dialog_cerrar').click(function(){
        $('#crearModificarUsuario').remove();
    });

    $('#aceptar_usuario').click(function(){
        $(".inputForm").removeClass("ui-state-error");
        if (validarFormulariosGestionNegocio($("#crearModificarUsuario").find(".inputForm"))) {
            modificarUsuario();
            $("#crearModificarUsuario").addClass("oculto");
        }
    });
}


function cargarEliminarUsuario(item){
    consultarRoles();
    $('#crearModificarUsuario .inputForm').attr('disabled',true);
    $('#crearModificarUsuario .inputForm').addClass('disable');
    $("#datepicker").mask('00/00/0000');
    $("#docIdentificacion").mask('0.000.000.000');
    $("#cel").mask('000-000-00-00');
    $('#docIdentificacion').val(item.docidentificacion);
    $('#nombreUsuario').val(item.primernombre);
    $('#apellidoUsuario').val(item.primerapellido);
    $('#datepicker').val(item.fechanacimiento);
    $('#email').val(item.email);
    $('#cel').val(item.celular);
    $('#depart').val(item.departamento);
    $('#cargo').val(item.cargo);
    $('#rol').val(item.rol.idRoles);
    $('#iusuario').val(item.afiliado);
    $('#pass').val(item.clave);
    $('#empresa').val(item.empresa);
   
    $('#aceptar_usuario').click(function(){
        eliminarUsuario(item);
    });
    $('#cancelar_usuario').click(function(){
        $('#crearModificarUsuario').remove();
    });
    $('.boton_dialog_cerrar').click(function(){
        $('#crearModificarUsuario').remove();
    });
}

function eliminarUsuario(item){
    var url = variablesGlobales.server+variablesGlobales.URL.urlEliminarUsuario;
    var param = {};
    param.usuario = item;
    sendServiceJSONSync(url, param, eliminarUsuarioSuccess, null, null);
}

function eliminarUsuarioSuccess(originalRequest) {
        var result = originalRequest;
        if (result.codigo != -1){
            notify(result.mensaje,1500);
            $('#crearModificarUsuario').remove();
            consultarUsuarios();
        }else{
            notify(result.mensaje,1500,"error");
    }
}

var formularioUsuario=
    '<div id="crearModificarUsuario" class="ocultol">'+
    '<div class="dialog_cabecera">'+
    '    <label class="titleForm">FORMULARIO DE REGISTRO</label>'+
    '    <button class="boton_dialog_cerrar"><img src="modules/principal/resources/images/close.png"></button>'+
    '  <ul class="validateTips">'+
    '      <li>Todo los campos Marcados son obligatorios</li>'+
    '  </ul>'+
    '</div>'+
    '<fieldset>'+

          '<div class="column-uno-formulario">'+
              '<label for="docIdentificacion"> Nro. de Cédula:</label>'+
              '<input type="text" placeholder="documento" name="Nro. de Cédula" id="docIdentificacion"class="text ui-widget-content ui-corner-all form inputForm "/>'+
          '</div>'+

          '<div class="column-uno-formulario">'+   
              '<label for="nombreUsuario"> Primer Nombre: </label>'+
              '<input type="text" placeholder="nombre" name="Primer Nombre" id="nombreUsuario"class="text ui-widget-content ui-corner-all form inputForm obligatorio"/>'+
          '</div>'+

          '<div class="column-uno-formulario">'+
              '<label for="apellidoUsuario"> Primer Apellido: </label>'+
              '<input type="text" placeholder="apellido" name="Primer Apellido" id="apellidoUsuario"class="text ui-widget-content ui-corner-all form inputForm obligatorio"/>'+
          '</div>'+


          '<div class="column-uno-formulario">'+
              '<label for="datepicker"> Fecha de Nacimiento: </label>'+
              '<input type="text" placeholder="dd/mm/aaaa" name="Fecha de Nacimiento" id="datepicker" class="text ui-widget-content ui-corner-all form inputForm"/>'+
          '</div>'+

          '<div class="column-dos-formulario">'+
              '<label for="email"> Correo Electronico: </label>'+
              '<input type="text" placeholder="nombre@sbd.com" name="Correo Electronico" id="email"class="text ui-widget-content ui-corner-all form inputForm obligatorio email"/>'+
          '</div>'+

          '<div class="column-tres-formulario">'+
              '<label for="cel"> Nro. Celular: </label>'+
              '<input type="text" placeholder="celular" name="Nro. Celular" id="cel"class="text ui-widget-content ui-corner-all form inputForm "/>'+
          '</div>'+

          
          '<div class="column-uno-formulario">'+
              '<label for="depart"> Departamento: </label>'+
              '<input type="text" placeholder="departamento" name="Departamento" id="depart"class="text ui-widget-content ui-corner-all form inputForm"/>'+
          '</div>'+

          '<div class="column-uno-formulario">'+
              '<label for="cargo"> Cargo Administrativo: </label>'+
              '<input type="text" placeholder="cargo" name="Cargo Administrativo" id="cargo"class="text ui-widget-content ui-corner-all form inputForm "/>'+
          '</div>'+

          '<div class="column-uno-formulario">'+
              '<label for="rol"> Rol: </label>'+
              '<select type="text" name="Rol" id="rol" onclick="consultarRoles"class="text ui-widget-content ui-corner-all form inputForm obligatorio"></select>'+
          '</div>'+

          '<div class="column-uno-formulario">'+
              '<label for="empresa"> Empresa: </label>'+
              '<input type="text" placeholder="empresa" name="Empresa" id="empresa"class="text ui-widget-content ui-corner-all form inputForm"/>'+
          '</div>'+

          '<div class="column-uno-formulario">'+
              '<label for="iusuario"> Usuario </label>'+
              '<input type="text" placeholder="usuario" name="Usuario" id="iusuario"class="text ui-widget-content ui-corner-all form inputForm obligatorio"/>'+
          '</div>'+

          '<div class="column-uno-formulario">'+
              '<label for="pass"> Contraseña: </label>'+
              '<input type="password" placeholder="contraseña" name="Contraseña" id="pass"class="text ui-widget-content ui-corner-all form inputForm obligatorio"/>'+
          '</div>'+

    '</fieldset>'+

    '<div class="dialog_botones">'+ 
        '<input id="aceptar_usuario" class="boton_dialog" type="button" value="ACEPTAR">'+
        '<input id="cancelar_usuario" class="boton_dialog" type="button" value="CANCELAR">'+'</div>';



